$(function(){

  var currentPage = 1;
    var pageSize = 5;

    //1-获取分类数据并渲染
    function render() {
        $.ajax({
            url: '/category/querySecondCategoryPaging',
            data: {
                page: currentPage,
                pageSize: pageSize
            },
            dataType: 'json',
            success: function (info) {
                console.log(info);   
                //渲染
                $('tbody').html(template('tmp', info));
                //生成分页标签
                setPage(info.total);
            }
        })
    }

    render();

    function setPage(total){
      $('#paginator').bootstrapPaginator({
        bootstrapMajorVersion:3,//默认是2，如果是bootstrap3版本，这个参数必填
        currentPage:currentPage,//当前页
        totalPages: Math.ceil(total/pageSize),//总页数
        onPageClicked:function(event, originalEvent, type,page){
          //为按钮绑定点击事件 page:当前点击的按钮值
            currentPage = page;
            render();//重新渲染页面
    }

   });
  }
  $.ajax({
    url: '/category/queryTopCategoryPaging',
    data:{
      page:1,
      pageSize:100,

    },
    dataType:'json',
    success:function(info){
      console.log(info);
      $('.dropdown-menu').html(template('tmp-cate', info));

    }
  })
  $('.cate-list').on('click','a',function(){
    $('.title-text').text($(this).text());
    $('[name="categoryId"]').val( $(this).data('id') );


  })
  $('#file').fileupload({
    dataType: 'json', //后台返回数据格式
    //后保存图片成后 回调函数， 
    // e事件对象
    // data 后台保存图片 地址相关的信息 
    done: function (e, data) {
        console.log(data.result.picAddr);
        var url = data.result.picAddr;
        //根据图片地址实现 图片预览
        $('#img').attr('src', url);
        // 把图片服务器保存地址 赋值给隐藏， 
        $('[name="brandLogo"]').val(url);
        $('#form1').data('bootstrapValidator').updateStatus('brandLogo','VALID');
    }
    
  })

  $('#form1').bootstrapValidator({

    excluded:[],
    feedbackIcons:{
      valid: 'glyphicon glyphicon-ok',
      invalid: 'glyphicon glyphicon-remove',
      validating: 'glyphicon glyphicon-refresh'
    },
    fields:{
      categoryId:{
        validators:{
          notEmpty:{
            message:'请选择一级分类'
          }
        }
      },
      brandName:{
        validators:{
          notEmpty:{
            message:'请输入二级分类'
          }
        }
      },
      brandLogo:{
        validators:{
          notEmpty:{
            message:'请选择图片'
          }
        }
      },

    }
  });


    $('#form1').on('success.form.bv',function(e){
      e.preventDefault();
      $.ajax({

        url: '/category/addSecondCategory',
        type:'post',
        data:$('#form1').serialize(),
        dataType:'json',
        success:function(info){
          console.log(info);

          if(info.success){
            $('.modal-add').modal('hide');
            currentPage=1;
            render();
            $('#form1').data('bootstrapValidator').resetForm(true);
            $('.title-text').text(' 请选择一级分类');
            $('#img').attr('src','./images/none.png');
          }
        }
        
      })
    });

})
  